﻿@charset "utf-8";
/* ui7 1.1 */
 body{margin: 0; color: #333; font-family: "Microsoft Yahei", sans-serif; line-height: 1.6; background: #f2f2f2; }
 ul, ol{margin: 0; padding-left: 0; list-style: none;}
 ul li, ol li{vertical-align: middle;}
 dl,  p{margin: 0;} dd{margin-left: 0;}
 h1, h2, h3, h4, h5, h6{margin: 0; font-weight: normal;}
 strong{ font-weight: bold; }
 em {font-style: italic;}
 img{ display: block; border: 0;}
 a, a:link, a:visited, a:active, a:hover{text-decoration:none;} a{color: #333;}
 a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,.2);font-family: "Microsoft Yahei", sans-serif;}
 select{-webkit-appearance: none; -moz-appearance: none;}
 input[type="submit"]{cursor:pointer;}
 input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"]{-webkit-tap-highlight-color:rgba(0,0,0,0);}
 input:focus, select:focus, textarea:focus, button:focus{outline: none;}
 input, textarea{padding: 0; font-size: .875rem; border-radius: 0; border: 0; resize: none;}
 textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
 em,i{font-style: normal;}
 table {border-collapse: collapse;}

 .mar-top{margin-top: 46px;}
 .mar-foot{margin-bottom: 50px;}
 .bor-top{border-top: 10px solid #f2f2f2;}
 .bor-foot{border-bottom: 10px solid #f2f2f2;}
 .green{color: #34c083;}
 .orange{color: #fc992f;}

 .header .inner .sear a .icon-ss,.record .entry .icon-arrow,.classify li a i,.recommend .title a .icon-arrow,.like .title a .icon-change,.sellwell .title a .icon-arrow,.sellwell .entry li a i,.return-top a .icon-top,.search-result .entry li a .icon-book,.search-result .none-record .icon-none,.top-half .inner .pull-left a .icon-home,.classify-box .entry span a i,.search-result .entry li a .icon-author,.hot-box .entry .item a .icon-vip,.hot-box .entry .item a .icon-free,.open-vip .entry .pull-left .icon-vip,.tops_entry .item a i.num_icons{background: url(../images/icon.png) no-repeat;background-size: 163px 138px;}


/* ------------------ 通用顶部 2017-04-10 ------------------ */
.wx_nav_box1 { background:#fff!important; position:relative; height:44px; }
.wx_nav_box1 .wx_home1 {position:absolute; left:10px; top:0; /*width:80px;*/ height:44px; line-height:44px; }
.wx_nav_box1 a.logo { text-align:center; display:block; font-size:18px; line-height:44px; }
.wx_nav_box1 .wx_home1 a { height:42px; display:inline-block; }
.wx_nav_box1 a { color:#010101; }
.wx_home1 i.back_icos { width:10px; height:18px; margin-top:13px; float:left; background:url(../images/backicons.png) no-repeat; background-size: 10px 18px; }
.wx_home1 em { float:left; margin-left:.5rem; color:#666; font-size:16px; }

.footer{width: 100%;position: fixed;left: 0;right: 0;bottom: 0;background: #fff;border-top: 1px solid #ddd;display: table;z-index: 9;}
.footer ul{display: table-row;}
.footer li{display: table-cell;text-align: center;}
.footer li a{height: 49px;line-height: 49px;display: block;font-size: 1.4rem;color: #a0a0a0;}
.footer li a.active{color: #ff730b;}
.footer li a i{width: 17px;height: 17px;display: inline-block;background: url(../images/column.png) no-repeat;background-size: 115px 17px;position: relative;top: 4px;margin-right: 6px;}
.footer li a i.icon-book{background-position: 0 0;}
.footer li a.active i.icon-book{background-position: -20px 0;}
.footer li a i.icon-choice{background-position: -42px 0;}
.footer li a.active i.icon-choice{background-position: -61px 0;}
.footer li a i.icon-my{background-position: -80px 0;}
.footer li a.active i.icon-my{background-position: -98px 0;}

.return-top{position: fixed;right: 15px;bottom: 12%;z-index: 9;}
.return-top a{width: 48px;height: 48px;display: block;border: 1px solid #eaeaea;background: #fff;border-radius: 50px;box-shadow: 0 0 2px #eaeaea;}
.return-top a .icon-top{width: 16px;height: 18px;display: block;margin: 0 auto;background-position: -137px 0;position: relative;top: 17px;}



/*------  排行  -----*/
.rankindex .ranktitle i,.rankindex .ranktxt .rankmore i.rank_moreicos,.rankindex .ranktxt .rankinfo li em,.rankindex .ranktxt .rankpic i.clicktops,.rankindex .ranktxt .rankmore i.rank_moreicos,.rankindex .ranktxt .rankpic i.bestsellertops,.rankindex .ranktxt .rankpic i.rewardtops,.rankindex .ranktitle i.rewardtops_bg,.rankindex .ranktxt .rankpic i.retainedtops,.rankindex .ranktitle i.retainedtops_bg,.rankindex .ranktxt .rankpic i.weekstops,.rankindex .ranktitle i.weekstops_bg,.tops_entry .item a i.num_icons{background:url(../images/ranktops1.png) no-repeat;background-size:180px 191px; display: block;}
.rankindex{ background-color:#fff; margin-top:.8rem; }
.rankindex a{ display:block; padding:1.7rem 1.5rem .7rem 1.16rem; position:relative;}
.rankindex .ranktitle{ height:16px; width:100%; overflow:hidden; }
.rankindex .ranktitle i{ height:16px; display:block; text-indent:-9999px; overflow:hidden; }
.rankindex .ranktitle i.clicktops_bg{ background-position:0 0; }

.rankindex .ranktxt{ width:100%; overflow:hidden; padding-top:1.9rem; }
.rankindex .ranktxt .rankpic{ float:left; border-right:1px solid #e7e7e7; padding: 1.3rem 1.5rem 1.5rem .6rem; margin-right:1.5rem; text-align: center; position: relative; overflow: hidden; }
.rankindex .ranktxt .rankpic i{ width:40px; height:40px; display:block; text-indent:-9999px;}
.rankindex .ranktxt .rankpic i.clicktops{ width:36px; height:43px; background-position:0 -9.6rem; }
.rankindex .ranktxt .rankinfo li{display: block; height:16px; line-height:16px; overflow: hidden; font-size: 1.5rem; margin-bottom:1.1rem; color:#333; }
.rankindex .ranktxt .rankinfo li em{ width:14px; height:16px; line-height:16px; color:#fff; padding-left:.5rem; margin-right:.8rem; font-size:12px; float: left; }
.rankindex .ranktxt .rankinfo li em.first{background-position:0 -80px; }
.rankindex .ranktxt .rankinfo li em.second{background-position:-20px -80px; }
.rankindex .ranktxt .rankinfo li em.third{background-position:-40px -80px; }
.rankindex .ranktxt .rankinfo li i.author{color:#808080; font-size:12px; padding-left:1rem; }
.rankindex .ranktxt .rankmore i.rank_moreicos{ width:8px; height:14px; background-position:-60px -80px; position:absolute; top:8.4rem; right:1.2rem; }

.rankindex .ranktxt .rankpic i.bestsellertops{ width: 36px;height:43px;background-position: -36px -96px; }
.rankindex .ranktitle i.bestsellertops_bg{ background-position:0 -16px; }

.rankindex .ranktxt .rankpic i.rewardtops{ width: 36px;height:43px;background-position: -72px -96px;}
.rankindex .ranktitle i.rewardtops_bg{ background-position:0 -32px; }

.rankindex .ranktxt .rankpic i.retainedtops{ width: 36px;height: 43px;background-position: -108px -96px; }
.rankindex .ranktitle i.retainedtops_bg{ background-position:0 -48px; }

.rankindex .ranktxt .rankpic i.weekstops{ width: 36px;height: 45px;background-position: -144px -96px; }
.rankindex .ranktitle i.weekstops_bg{ background-position:0 -64px; }



/* 排行列表 */
.tops_entry{margin: 0; background:#fff; margin-top:1rem; }
.tops_entry .item{border-bottom: 1px solid #f2f2f2;padding-top:1.2rem; padding-bottom: 1.2rem;}
.tops_entry .item a{padding: 0 1.2rem 0 10rem;display: block;position: relative; overflow:hidden; }
.tops_entry .item a .avatar{width: 8rem;height: 11.2rem;display: block;float: left;margin-left: -9rem;}
.tops_entry .item a .t{height: 2.4rem;font-size: 1.55rem;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10rem;}
.tops_entry .item a .author{font-size: 1.2rem;color: #666;display: block;line-height: 2.4rem;}
.tops_entry .item a .btn{position: absolute;right: 1.2rem;top: .8rem;font-size: 1.2rem;width: 8rem;height: 2.3rem;line-height: 2.3rem;text-align: center;border: 1px solid #fc992f;border-radius: .5rem;color: #ff890b;}
.tops_entry .item a p{font-size: 1.2rem;color: #999;line-height:2rem; display:block; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.tops_entry .item:last-of-type{ border-bottom: none; padding-bottom:0; }

.tops_entry .item a i.num_icons{ width:1.7rem; height:1.9rem; background-position:0 -14.1rem; position:absolute; left:1.5rem; top:0; color:#fff; font-size:1rem; text-align:center; }
.tops_entry .item a i.secondnum_icons{background-position:-1.7rem -14.1rem; }
.tops_entry .item a i.thrnum_icons{background-position:-3.4rem -14.1rem; }

/*-----版权合作------*/
.copyright_txt{ padding-left:2.5rem; padding-top:2.5rem; background-color:#fff; margin-top:.8rem; overflow:hidden; }
.copyright_txt_dir{ border-left:.1rem solid #f2f2f2; padding-left:3.5rem; padding-bottom:5rem; margin-bottom:5rem; }
.copyright_txt_dir li{ position:relative; padding-top:2.2rem; }
.copyright_txt_dir li i.red_spot{ width:1rem; height:1rem; border-radius:1rem; background-color:#c03b44; border:4px solid #fff; box-shadow:0rem .2rem .15rem #f3f3f3; display:inline-block; position:absolute; left:-4.3rem; top:2.2rem; }
.copyright_txt_dir li i.yellow_spot{ background-color:#f0ca45;}
.copyright_txt_dir li i.green_spot{ background-color:#75ce66;}
.copyright_txt_dir li strong{ font-size:1.5rem; color:#333; }
.copyright_txt_dir li p{ font-size:1.4rem; color:#888; line-height:2.5rem; }

/*----------我的------------*/
.uf-header { position: relative; }
.uf-header > .bg {
  display: block; width: 100%;height: 170px;
}
.uf-header > .center {
  position: absolute; width: 100%; height: 100px; margin-top: -63px;
  left: 0; top: 50%; text-align: center; display: table;
  color: #fff;
}
.uf-header > .center .user {
  display: inline-block; vertical-align: middle;
}
.uf-header > .center .user .text{ font-size:1.6rem; padding-top:10px;line-height: 24px;}
.uf-header > .center .avatar { position: relative; width: 70px; height: 70px; margin: 0 auto; border:2px solid #fff; border-radius: 70px;background: #fff;}
.uf-header > .center .avatar img {
  width:100%; display: block; margin: 0 auto; border-radius: 7rem;  
}
.uf-header > .center .avatar .v-icon {
  display: block; width: 1.6rem; height: 1.6rem;
  background-image: url('../images/v-icon.png');
  background-size: 1.6rem; position: absolute; right: .4rem; bottom: .4rem;}
.mb-156 {
    margin-bottom: 5rem !important;
}
.uf-box > .item {
  background-color: #fff;
  position: relative;
  border-bottom: 1px solid #f2f2f2;overflow: hidden;
}
.uf-box > .item a {
  display: block; padding: 0 0 0 15px; height: 4.4rem; line-height: 4.4rem;font-size: 1.5rem;
  position: relative;
}
.uf-box > .item .has-arrow:before {
  display: block; content: " "; width: 1.4rem; height: 1.4rem;
  position: absolute; right: 1.2rem; top: 50%; margin-top: -.7rem;
  background-image: url('../images/uf-arrow.svg');
  background-size: 1.4rem;
}
.uf-box > .item .pull-right {
  position: absolute; right: 1.2rem; top: .8rem;
}
.uf-box > .item a > .pull-right {
  right: 3rem; top: 0; font-size:1.4rem;
}
.uf-box > .item a i[class*=icon-] {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-image: url(../images/uf-icon.svg);
    background-size: 132px 22px;position: relative;top: 4px;margin-right: 10px;
}
.uf-box > .item a .icon-money { background-position: 0 0; }
.uf-box > .item a .icon-vip { background-position: -21px 0; top: 3px !important; }
.uf-box > .item a .icon-money-time { background-position: -45px 0;}
.uf-box > .item a .icon-book { background-position: -67px 0;}
.uf-box > .item a .icon-cart { background-position: -90px 0; }
.uf-box > .item a .icon-woman { background-position: -110px 0;}

.uf-box > .item a .icon-recharge {background-image: url('../images/ranktops1.png') !important; background-position:-51px -141px; background-size: 180px 191px !important;top: 3px !important;}
.red-text {color:#f74c31; }
.uf-box > .item a i.reddot{ width:8px; height:8px; border-radius:8px; background-color:#e65312; display:inline-block; margin-left:.6rem; top: -.5rem; position: relative; }

.uf-box > .item .ne { pointer-events: none; }
.uf-box > .item .rw { padding: 0; position: relative; }
.uf-box > .item .rw .box {
  width: 4.8rem; height: 2.4rem; border:.1rem solid #ddd;
  border-radius: 3rem; position: relative;display: block;margin-top: 2px;
}
.uf-box > .item .rw .circle {
  width: 2.4rem; height: 2.3rem; background-color: #fff;
  box-shadow: 0 .1rem .2rem rgba(0,0,0,.2); border-radius: 1.9rem;
  margin-top: .1rem; margin-left: .1rem;
}
.uf-box > .item .active .box { background-color: #ff7800; border-color: #ff655d; }
.uf-box > .item .active .circle {
  margin-left: 2.5rem;margin-top: 0rem;
}
.uf-box > .item .rw input[type=radio] {
  position: absolute; width: 100%; height: 100%;
  left: 0; top: 0; opacity: 0;
}
.typo-orange {
    color: #ff890b;
}
.mb-10 { margin-bottom: .8rem !important; }

/*----登录层----*/
.backdrop {
  position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);
  left: 0; top: 0; z-index: 10;
}
.modal {
  position: fixed; top: 50%; z-index: 10; left:28px; right:28px;
}
.modal > .inner {
  width:100%; margin: 0 auto; background-color: #fff; border-radius: 5px;
  position: relative; 
}
.um-box{ padding:20px; }
.um-box > .head{ text-align:center; padding-bottom:5px; }
.um-box > .head > .title{ font-weight: 600; font-size: 1.8rem; }
.um-box > .f17 { font-size: 1.7rem; line-height:3rem; }

.typo-center {
    text-align: center;
}
.typo-red {
    color: #f43530;
}
.hl {
    height: 1px;
    font-size: 0;
    line-height: 0;
    background-image: url(../images/hl-e5.png);
    background-size: 1px;
    background-position: left bottom;
    background-repeat: repeat-x;
    font-size: 1.5rem;
	margin:10px 0px;
}
.mt-10 {
    margin-top: 10px !important;
}
.um-box > .body > .action .btn {
    background-color: #44a8eb;
    color: #fff;
	display: block;
    height: 4.4rem;
    line-height: 4.4rem;
    border-radius: 4px;
    text-align: center;
	font-size:1.6rem;
}

.modal > .inner > .pull-action {
  position: absolute; right: 20px; top: 20px;
}
.modal > .inner > .pull-action a,
.modal > .inner > .pull-action .icon-close {
  display: block; width: 20px; height: 20px;
}
.modal > .inner > .pull-action .icon-close {
  background-image: url('../images/modal-close.svg')
}
.modal > .inner > .bottom {
  background-color: #f7f7f7; border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; height: 44px; line-height: 44px;
  text-align: center; font-size: 1.5rem; color: #666;
  background-image: url('../images/hl-e5_1.png');
  background-size: 1px; background-position: left top;
  background-repeat: repeat-x;
}
.modal > .inner > .bottom a { color: #45a8eb }

.um-box .f17c p{ font-size:1.7rem; color:#666; text-align:center; }

/*-------充值消费记录-------*/
.bal-box { background-color: #fff; }
.bal-box > .list .item { padding: 15px; position: relative; background-image: url(../images/hl-e5.png); background-size: 1px; background-position: left bottom;
background-repeat: repeat-x; }
.bal-box > .list .item .body { line-height: 1.8rem; }
.bal-box > .list .item .date { color: #a9a9a9; font-size: 1.3rem; }
.bal-box > .list .item .text {
  font-size: 1.4rem; padding-right: 110px; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}.bal-box > .list .item .pull-right { position: absolute; right: 15px; top: 15px; height: 3.6rem; line-height: 3.6rem; font-size: 1.5rem; }
.bal-box > .list > .item .icon-red-coin,
.bal-box > .list > .item .icon-gray-coin {
  display: inline-block; width: 1.6rem; height: 1.6rem;
  vertical-align: middle; margin-top: -3px; margin-left: 3px;
  background-image: url('../images/ut-icon.svg');
  background-size: 5.6rem 2.4rem;
}
.bal-box > .list > .item .icon-red-coin { background-position: -2.4rem 0; }
.bal-box > .list > .item .icon-gray-coin { background-position: -4rem 0; }

/*----------*/
/*.blank-box {
  position: absolute; left: 0; right: 0; top: -44px; bottom: 0;
  height: 100%; width: 100%;
  display: -webkit-flex; display: flex;
  -webkit-align-items: center; align-items: center;
  -webkit-justify-content: center; justify-content: center
}*/
.blank-box{text-align: center;padding-top: 15px;display: block;padding-bottom: 15px;}
.blank-box > .center {font-size: 1.6rem; }
.blank-box > .center .typo-lg { color: #999 }
.blank-box > .center > .action {
  width: 16rem; height: 4rem; margin: 0 auto;
}
.blank-box > .center > .action .btn {
  display: block; height: 4rem; line-height: 4rem;
  text-align: center; background-color: #45a8eb;
  color: #fff; font-size: 1.5rem; border-radius: .4rem;
}

/*-------购买的书--------*/
.bp-box{ background:#fff; }
.bp-box > .item {
  background-image: url('../images/hl-e5.png');
  background-size: 1px; background-position: left bottom;
  background-repeat: repeat-x; position: relative;
}
.bp-box > .item > .book {
  display: block; padding: 1.3rem 1.3rem 1.3rem 7rem;
}
.bp-box > .item > .book .cover {
  display: block; float: left; margin-left: -5.5rem; width:4.5rem; height:6rem;
}
.bp-box > .item > .book .body {
  height: 6rem; line-height: 2rem; color: #999;
}
.bp-box > .item > .book .title {
  color: #333; padding-right: 10rem; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; font-size:1.6rem;
}
.bp-box > .item > .book .f12 { font-size: 1.2rem; }
.bp-box > .item > .book .f11 { font-size: 1.1rem; }

.bp-box > .item > .pull-right {
  position: absolute; right: 1.3rem; top: 50%; margin-top: -1.4rem; height: 2.8rem;
  width: 6.4rem;
}

.bp-box > .item > .pull-right .btn {
  display: block; width: 6.2rem; height: 2.6rem; line-height: 2.6rem;
  border: 1px solid #f09544; background-color: #fff; font-size: 1.2rem;
  color: #f09544; border-radius: 3px; text-align: center;
}

.blce-bar {
  height:4.4rem; line-height: 4.4rem; padding:0 1.2rem;
  font-size: 1.4rem; color: #a9a9a9; background-color: #f9f9f9;
}

/*-------客服帮助------*/
.contact-box { width:100%; padding: 1.2rem; font-size: 1.5rem; box-sizing:border-box; background-color:#fff; border-bottom:1px solid #eee; }
.contact-box img { vertical-align: middle; display: inline-block; }
.contact-box > .row { margin: .5em 0; }
.faq-box{ background-color:#fff; }
.faq-box > .item .question,
.faq-box > .item .answer {
  background-image: url('../images/hl-e5.png');
  background-size: 1px; background-position: left bottom;
  background-repeat: repeat-x; position: relative;
}
.faq-box > .item .question,
.faq-box > .item .answer {
  padding: 1.5rem; font-size: 1.5rem;
  position: relative;
}
.faq-box > .item .answer {
  display: none; background-color: #f9f9fb; font-size: 1.5rem;
  color: #666;
}
.faq-box > .item .question:after {
  display: block; content: " "; width: 1.6rem; height: 1.6rem;
  position: absolute; right: 12px; top: 50%; margin-top: -8px;
  background-image: url('../images/uf-arrow.svg');
  background-size: 1.6rem;
}
.faq-box > .active .question:after {
  -webkit-transform:rotate(90deg); transform:rotate(90deg);
}
.faq-box > .active .answer { display: block !important; }

.contact-box > .row .num {
  display: inline-block; height: 2.6rem; border: 1px dotted #e98c47;
  line-height: 2.6rem; background-color: #fffde2; padding: 0 5px;
  color: #ff730b; vertical-align: middle;
}

/*-------明细--------*/
.bal-header {
  background-color: #fff; text-align: center;
  padding: 25px 0;
}
.bal-header > .title { font-size: 1.6rem; color: #666; }
.bal-header > .number { font-size: 5rem; color: #FF2D4B; font-weight: 600; }
.bal-header > .action { margin: 0 40px; }
.bal-header > .action .btn {
  display: block; height: 5rem; border-radius: 5px; line-height: 5rem;
  background-color: #45a8eb; color: #FFF; text-align: center; font-size:1.8rem;
}
.bal-box > .head,
.blce-bar {
  background-image: url('../images/hl-e5.png');
  background-size: 1px; background-position: left bottom;
  background-repeat: repeat-x;
}
.bal-box > .head {
  height: 4.5rem; line-height: 4.5rem;
  font-size: 1.5rem;
  padding: 0 15px;
}
.bal-box > .head .title { color: #00a0ea; }
.bal-box > .head .icon-money {
  vertical-align: middle; margin-top: -.3rem; margin-right: 5px;
  display: inline-block; width: 2.4rem; height: 2.4rem;
  background-image: url('../images/ut-icon.svg');
  background-size: 5.6rem 2.4rem;
}

/* ------------------ 微信登录 2017-04-11 ------------------ */

.item2p { position: fixed;  width: 100%; left: 0;top: 24%; z-index: 11;}
.item2p .inner{position: absolute; left:30px; right:30px; margin: 0 auto; background: #fff; border-radius: 10px;text-align: center;padding: 20px 0;overflow: hidden;}
.item2p .inner .close{position: absolute;right: 20px;top: 20px;}
.item2p .inner .close a{width: 22px;height: 22px;display: block;background: url(../images/icon.png) no-repeat;background-size: 220px 200px; background-position: -134px -142px;}
.item2p .inner .title{text-align: center;font-size: 1.8rem;}
.login .inner{padding-bottom: 0;}
.login .inner .title{font-size: 2.0rem;}
.login .inner .entry{margin-top: 15px;overflow: hidden;}
.login .inner .entry a{font-size: 1.6rem;line-height: 2.6;display: block;}
.login .inner .entry a .icon-wechat{width: 80px;height: 80px;display: block;background: url(../images/icon-wechat.png) no-repeat;background-size: 80px 80px;margin: 0 auto;}
.login .inner .problem{height: 44px;line-height: 44px;border-top: 1px solid #e5e5e5;color: #f7f7f7;color: #666;font-size: 1.5rem;margin-top: 8px;}
.login .inner .problem a{color: #45a8eb;}

/* ------------------ 选择支付方式 2017-04-11 ------------------ */

.choice-pay .inner .entry{margin: 0 15px;overflow: hidden;margin-top: 5px;}
.choice-pay .inner .entry li{height: 58px;line-height: 58px;display: block;border: 1px solid #dfe1e2;border-radius: 5px;margin-top: 10px;}
.choice-pay .inner .entry li a{display: block;font-size: 1.8rem;text-align: left;}
.choice-pay .inner .entry li a i{width: 32px;height: 32px;display: inline-block;background: url(../images/icon-pay.png) no-repeat;background-size: 96px 32px;position: relative;top: 10px;margin-right: 10px;margin-left: 24%;}
.choice-pay .inner .entry li a i.icon-ios{background-position: 0 0;}
.choice-pay .inner .entry li a i.icon-wechat{background-position: -32px 0;}
.choice-pay .inner .entry li a i.icon-alipay{background-position: -64px 0;}

/* ------------------ 阅读详情-充值书币 2017-04-11 ------------------ */

.recharge{top: 10%;}
.recharge .inner .entry{margin: 0 15px;margin-top: 4px;overflow: hidden;}
.recharge .inner .entry li{margin-top: 10px;position: relative;}
.recharge .inner .entry li a{height: 48px;line-height: 48px;display: block;border: 1px solid #e9e9e9;border-radius: 5px;text-align: left;font-size: 1.5rem;padding: 0 15px;background: #fafafa;}
.recharge .inner .entry li a.active{border: 1px solid #ff730b;}
.recharge .inner .entry li a em,.reward .inner .entry li a.active .icon-check{width: 28px;height: 28px;display: block;position: absolute;right: 0;top: 0; background: url(../images/icon.png) no-repeat; background-size: 220px 200px;}
.recharge .inner .entry li a em.icon-check{background-position: -95px -141px;}
.recharge .inner .entry li a.active em.icon-check,.reward .inner .entry li a.active .icon-check{background-position: -63px -142px;}
.recharge .inner .btn,.reward .inner .btn{margin: 0 15px;margin-top: 10px;}
.recharge .inner .btn a,.reward .inner .btn a{height: 50px;line-height: 50px;display: block;text-align: center;background: #ff730b;color: #fff;border-radius: 5px;font-size: 1.6rem;}





/*---------qq 登陆浮层---------------*/

.qr-box,
.um-box,
.wechat-login-box,
.laud-box,
.confirm-box,
.share-box { padding: 20px; }
.qr-box > .head,
.um-box > .head,
.wechat-login-box > .head,
.laud-box > .head,
.confirm-box > .head,
.share-box > .head { text-align: center }
.qr-box > .head > .title,
.um-box > .head > .title,
.laud-box > .head > .title,
.confirm-box > .head .title,
.share-box > .head .title { font-weight: 600; font-size: 1.6rem; }
.qr-box > .body,
.um-box > .body,
.confirm-box > .body { font-size: 15px; }
.qr-box > .body > .action .btn,
.um-box > .body > .action .btn {
    display: block; height: 44px; line-height: 44px;
    border-radius: 4px; text-align: center;
}
.qr-box > .body > .action .orange { background-color: #ff730b; color: #fff; }
.um-box > .body > .action .blue { background-color: #44a8eb; color: #fff; }
.qr-box > .body > .qr-media img {
    display: block; margin: 0 auto; box-shadow: 0 3px 6px rgba(0,0,0,.1);
}

.um-box > .f17 { font-size: 17px; }
.um-box > .f17c { font-size: 17px; text-align: center; }

.wechat-login-box > .head > .title { font-weight: 600; font-size: 20px; }
.wechat-login-box > .body { text-align: center; }
.wechat-login-box > .body .icon-wechat {
    display: block; width: 80px; height: 80px;
    background-image: url('../images/icon-wechat.png');
    background-size: cover; margin: 0 auto;
}

.wechat-login-box > .body .btn {
    display: block; height: 50px; line-height: 50px;
    border-radius: 4px; color: #fff;
    text-align: center;
}
.wechat-login-box > .body .wechat { background-color: #1fc53d }
.wechat-login-box > .body .qq {border: 1px solid #ccc; color: #333;font-size: 1.4rem;}
.wechat-login-box > .body .wechat:before,
.wechat-login-box > .body .qq:before {
    display: inline-block; content: " "; width: 32px; height: 32px;
    vertical-align: middle; margin-top: -3px; margin-right: 5px;
    background-image: url('../images/flex-login.png');
    background-size: 64px 32px;
}
.wechat-login-box > .body .wechat:before { background-position: 0 0; }
.wechat-login-box > .body .qq:before { background-position: -32px 0; }
.modal > .inner > .bottom {
    background-color: #f7f7f7; border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; height: 44px; line-height: 44px;
    text-align: center; font-size: 15px; color: #666;
    background-image: url('../images/hl-e5.png');
    background-size: 1px; background-position: left top;
    background-repeat: repeat-x;
}
.modal > .inner > .bottom a { color: #45a8eb }

i.watermark_i{ width:60px; height:16px; background-image:url(../images/watermark_i.png); background-position:0 0;  background-size: 60px 16px; position:absolute; left:46px; top:5px; color:#fff; }




















@media screen and (min-width:320px) {
	html {font-size:60.3%!important}
}
@media screen and (min-width:375px) {
	html {font-size:62.5%!important}
}
@media screen and (min-width:414px) {
	html {font-size:68.9%!important}
}
@media screen and (min-width:768px) {
	html {font-size:127.9%!important}
}





